<template>
  <div style="padding: 28px;">
    <div style="display: flex;justify-content: space-between;">
      <div style="width: 33%;height: 400px;background: #FFFFFF;padding: 20px 32px;">
        <ClubStatisticsCard></ClubStatisticsCard>
      </div>
      <div style="width: 33%;height: 400px;background: #FFFFFF;padding: 20px 32px;">
        <BarChartCard></BarChartCard>
      </div>
      <div style="width: 33%;height: 400px;background: #FFFFFF;padding: 20px 32px;">
        <PieChartCard></PieChartCard>
      </div>
    </div>
    <div style="display: flex;justify-content: space-between;margin-top: 16px;">
      <div style="width: 66%;height: 450px;background: #FFFFFF;padding: 20px 32px;">
        <ProjectStatisticsCard></ProjectStatisticsCard>
      </div>
      <div style="width: 33%;height: 450px;background: #FFFFFF;padding: 20px 32px;">
        <ClubLevelStatisticsCard></ClubLevelStatisticsCard>
      </div>
    </div>
    <div style="display: flex;justify-content: space-between;margin-top: 16px;">
      <div style="width: 33%;height: 450px;background: #FFFFFF;padding: 20px 32px;">
        <ClubActivityCard></ClubActivityCard>
      </div>
      <div style="width: 66%;height: 450px;background: #FFFFFF;padding: 20px 32px;">
        <StudentTransferCard></StudentTransferCard>
      </div>
    </div>
    <div style="display: flex;justify-content: space-between;margin-top: 16px;">
      <div style="width: 100%;background: #FFFFFF;padding: 20px 32px;">
        <ActivityAwardsCard></ActivityAwardsCard>
      </div>
    </div>
  </div>
</template>

<script>
  import ClubStatisticsCard from './components/ClubStatisticsCard.vue'
  import BarChartCard from './components/BarChartCard.vue'
  import PieChartCard from './components/PieChartCard.vue'
  import ProjectStatisticsCard from './components/ProjectStatisticsCard.vue'
  import ClubLevelStatisticsCard from './components/ClubLevelStatisticsCard.vue'
  import ClubActivityCard from './components/ClubActivityCard.vue'
  import StudentTransferCard from './components/StudentTransferCard.vue'
  import ActivityAwardsCard from './components/ActivityAwardsCard.vue'
  export default {
    components: {
      ClubStatisticsCard,
      BarChartCard,
      PieChartCard,
      ProjectStatisticsCard,
      ClubLevelStatisticsCard,
      ClubActivityCard,
      StudentTransferCard,
      ActivityAwardsCard
    },
    data() {
      return {};
    },
    mounted() {},

    methods: {}
  };
</script>

<style></style>
